05161-180613 初期設定がゴシック体なScrapboxでフォントを明朝体に変更する設定
https://flic.kr/p/26WXJg9 https://farm2.staticflickr.com/1736/41972440494_bb9ae4da3a_k.jpg
読むのも書くのも明朝体。
だからこのブログなど、shio.iconのScrapboxはすべて明朝体に設定しています。 ところが6月12日の午後、突然、すべての表示がゴシック体に変わってしまいました。え？なんで？
settingsで設定をしているのにゴシック体になってしまうということは、フォントがゴシック体に強制されてしまったのか、と思って悲しくなりましたが、それはshio.iconの早合点だったことがすぐに判明。 「webでフォントを強制する、ということはたぶんできないはずなので、初期設定が変更されただけだから、UserCSSを書き換えればOKなはず」、との情報をいただきました。ありがたい。 さっそく/shokaiさんがUserCSSを書いてくださいました。本当にありがたい。 さらにTwitterで教えていただいた情報を総合して、コードを編集。
code:style.css
body {
font-family: '游明朝体','YuMincho','游明朝','Yu Mincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro',serif;
}
.editor, .stream, li.page-list-item {font-family: unset !important;}
できました!!
本文だけでなく、タイトルもStreamも、すべての要素を明朝体化完了。読みやすい!! Mac/iPhone/iPadのRetinaディスプレイは解像度が高い。網膜（retina）でドットが見えないくらいの高解像度だから「Retinaディスプレイ」と名付けられています。その高解像度で表示するから、明朝体の曲線や線幅の変化が美しい。読みやすい。 Scrapboxがまたひとつ、理想的な環境へと進化しました。Nota社のみなさま、本当に素晴らしい仕組みをありがとうございます。 https://flic.kr/p/27Y6HUq https://farm2.staticflickr.com/1742/42641673452_b6f39b4217_k.jpg